* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    font-size: 14px;
}

a {
    color: #666;
}

.right {
    float: right;
}

.left {
    float: left;
}
.fade{
    opacity:0;
}
.show{
    opacity:1;
}
测试部分 */
#top,
#header,
#nav,
#banner,
#star,
#accessory,
#world,
#serve,
#after_sale,
#footer {
    width: 100%;
}

.container {
    width: 1280px;
    /* border: 1px solid #f00;*/
    margin: 0px auto;
}

/* 页面顶部 */
#top {
    height: 5px;
    background-color: #00925F;
}

/* 页面的头部 */
#header {
    height: 30px;
    background-color: #2D2D2D;
}

#header .xlwb {
    width: 20px;
    height: 17px;
    background: url("../img/icons.png") no-repeat -47px -95px;
}

#header .txwb {
    width: 15px;
    height: 20px;
    background: url("../img/icons.png") no-repeat -27px -92px;
}

#header .tel {
    color: #17925F;
}

#header div>div {
    float: left;
    margin: 3px 10px 0px;
}

#header ul li {
    float: left;
}

#header a {
    color: #B2B2B2;
    border-right: 1px solid #B2B2B2;
    padding: 0px 15px;
    line-height: 30px;
    text-align: center;
}

#header a:hover {
    color: #00925F;
}

#header .shop_car a {
    border: none;
}

#header span {
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url("../img/icons.png") no-repeat 0px -96px;
    vertical-align: middle;
    margin-left: 10px;
}

/* 导航栏部分 */
#nav {
    height: 90px;
    background-color: #EEEEEE;
}

#nav li {
    float: left;
}

#nav a {
    font-weight: bold;
    margin: 0 15px;
    line-height: 90px;
    text-align: center;
}

#nav a:hover {
    color: #00925F;
}

/*轮播图部分*/
/* 明星机型部分 */
#star {
    height: 700px;
    background-color: #F2F2F2;
    /* 清除浮动 */
    overflow:hidden;
}

#star .star_top {
    margin: 10px;
    text-align: center;
}

#star ul {
    width: 1280px;
    margin: 0 10px;
}

#star li {
    width: 300px;
    /* border:1px solid; */
    float: left;
    border-bottom: 3px solid #DFDFDF;
    transition: all .3s;
}

#star li:hover {
    border-bottom: 3px solid #4FB59D;
    transform: translateY(-10px);
}

#star li img {
    width: 300px;
}

#star li h2 {
    text-align: center;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#star li p {
    text-align: center;
    margin: 10px 0;
    color: #BDBDBD;
    font-size: 12px;
}

#star li .money {
    color: #009271;
}

#star .money>a {
    color: #009271;
}

#star li span {
    width: 13px;
    height: 13px;
    vertical-align:middle;
    background: url("../img/icons-1.png") no-repeat -177px -1014px;
    display: inline-block;
}

#star .line {
    width: 0px;
    height: 450px;
    border-left: 1px solid #EAEAEA;
    margin: 0 10px;
}

/* 精选配件部分 */
#accessory {
    height: 950px;
    background-color: #F6F6F6;
    /* 清除浮动 */
    overflow:hidden;
}
#accessory .acc_main{
    width:1100px;
    height:850px;
    margin:0px auto;
}
#accessory .acc_top {
    text-align: center;
    margin: 20px 0px;
}

#accessory .acc_left {
    width: 540px;
    /* height: 950px; */
    /* border: 2px solid #000; */
    margin:0 5px;
}
#accessory .acc_left div{
    float:left;
    margin:10px;
    border-bottom:3px solid #EAEAEA;
    transition:all .3s;
}
#accessory .acc_left div:hover{
    border-bottom:3px solid #00925F;
    transform:translateY(-10px);
}
#accessory .acc_left .acc_all{
    width:250px;
    height:250px;
    border:3px solid #EAEAEA;
    background-color: #FFFFFF;
    padding:20px;
    box-sizing:border-box;
}
#accessory .acc_all>p:first-child{
    font-weight: bold;
    border-bottom:1px solid #CCCCCC;
    padding-bottom:10px;
    font-size: 13px;
    text-align:center;
}
#accessory .acc_all li{
    float:left;
    width:97px;
    height:40px;
    text-align:center;
    line-height:40px;
}
#accessory .acc_all a:hover{
    color:#009275;
}
#accessory li a{
    font-size: 13px;
}
#accessory .acc_all .line{
    width:150px;
    height:0px;
    border-bottom:1px solid #CCCCCC;
    /*清除li浮动*/
    clear:both;
    margin:15px auto;  
}
#accessory .acc_all .acc{
    text-align:center;
    font-size: 13px;
}
#accessory .acc:hover{
    color:#009275;
}
#accessory .acc_all span {
    width: 13px;
    height: 13px;
    vertical-align:middle;
    background: url("../img/icons-1.png") no-repeat -177px -1014px;
    display: inline-block;
    margin-left:10px;
}
#accessory .acc_left>div img{
    width:250px;
}
#accessory .acc_left>div:last-child img{
    width:520px;
}
#accessory .acc_right{
    width:540px;
    /* border:1px solid; */
    margin:0 5px;
}
#accessory .acc_right div{
    float:left;
    margin:10px;
    border-bottom:3px solid #EAEAEA;
    transition:all .3s;
}
#accessory .acc_right div:hover{
    border-bottom:3px solid #00925F;
    transform:translateY(-10px);
}
#accessory .acc_right img{
    width:250px;
}
#accessory .acc_right>div:first-child img{
    width:520px;
    height:244px;
}
#accessory .acc_right>div:last-child img{
    height:248px;
}
#accessory .acc_right>div:nth-child(2) img{
    height:523px;
}

/* 搜索欧珀部分 */
#world{
    height:720px;
    background-color: #EAEAEA;
    /* 清除浮动 */
    overflow:hidden;
}
#world .world_top{
    height:70px;
    text-align:center;
    margin:15px 0px;
}
#world .world_main{
    width:1230px;
    margin:0 auto;
}
#world .world_left{
    width:820px;
}
#world .world_left div{
    width:380px;
    margin:5px 10px;
    float:left;
}
#world .world_left div>div{
    border-bottom:3px solid #EAEAEA;
    transition:all .3s;
}
#world .world_left div:hover div{
    border-bottom:3px solid #00925F;
    transform:translateY(-10px);
}
#world .world_left div img{
    width:380px;
}
#world .world_right{
    width:410px;
    height:567px;
    background-color: #fff;
    margin-top:10px;
}
#world .world_right .world_title{
    height:66px;
    margin-bottom:10px;
}
#world .world_right .world_title div{
    width:205px;
    height:60px;
    background-color: #EAEAEA;
    float:left;
    text-align:center;
    line-height:60px;
}
/* #world .world_right .world_title div:hover{
    background-color: #fff;
    border-top:3px solid #00925F;
} */
#world .world_title div:first-child{
    background-color: #fff;
    border-top:3px solid #00925F;
}
#world .world_right li{
    background-color:#EAEAEA;
    margin:18px 14px;
}
#world .world_right dl{
    width:380px;
    height:100px;
    position:relative;
}
#world dl dt{
    position:absolute;
    left:0;
    top:1px;
}
#world .world_right img{
    height:98px;
}
#world .world_right ul li:last-child img{
    transform:rotate(90deg);
}
#world .world_right ul li:last-child dt{
    left:5px;
}
#world dl dd{
    position:absolute;
    left:135px;
    top:20px;
}
/* 页面的服务部分 */
#serve{
    height:102px;
    background-color: #fff;
}
#serve ul{
    width:1110px;
    height:100px;
    margin:0 auto;
    border-bottom:1px solid #333333;
}
#serve li{
    width:200px;
    height:100px;
    float:left;
    margin:0px 10px;
    transition:all .3s;
}
#serve li:hover{
    transform:translateY(-10px);
}
#serve dl{
    width:200px;
    height:100px;
    /* border:1px solid; */
    position:relative;
}
#serve dl dt{
    width:41px;
    height:41px;
    /* background: url("../img/icons.png") no-repeat 0px -44px; */
    position:absolute;
    top:30px;
    left:0px;
}
#serve ul li:nth-child(1) dt{
    background: url("../img/icons.png") no-repeat 0px -44px;
}
#serve ul li:nth-child(2) dt{
    background: url("../img/icons.png") no-repeat -51px -44px;
}
#serve ul li:nth-child(3) dt{
    background: url("../img/icons.png") no-repeat -101px -44px;
}
#serve ul li:nth-child(4) dt{
    background: url("../img/icons.png") no-repeat -151px -44px;
}
#serve ul li:nth-child(5) dt{
    background: url("../img/icons.png") no-repeat -200px -44px;
}
#serve dl .dd1{
    position:absolute;
    top:30px;
    left:50px;
    font-weight: bold;
}
#serve dl .dd2{
    position:absolute;
    top:50px;
    left:50px;
    color:#AAAAAA;
    font-size: 12px;
}
/* 页面的售后服务部分 */
#after_sale{
    height:200px;
    background-color: #fff;
}
#after_sale ul{
    width:1110px;
    margin:0px auto;
    padding-top:20px;
}
#after_sale ul li{
    width:140px;
    float:left;
    text-align:center;
    margin:0px 20px;
}
#after_sale ol li{
    line-height:25px;
}
#after_sale ol li:first-child{
    font-weight: bold;
}
#after_sale .xl{
    width: 20px;
    height: 17px;
    background: url("../img/icons-1.png") no-repeat -1px -882px;
    display:inline-block;
    vertical-align: middle;
    margin-right:5px;
}
#after_sale .xl:hover{
    background: url("../img/icons-1.png") no-repeat -145px -882px;
}
#after_sale .tx{
    width: 15px;
    height: 19px;
    background: url("../img/icons-1.png") no-repeat -3px -910px;
    display:inline-block;
    vertical-align: middle;
    margin-right:5px;
}
#after_sale .tx:hover{
    background: url("../img/icons-1.png") no-repeat -147px -910px;
}
#after_sale .people{
    width: 18px;
    height: 16px;
    background: url("../img/icons-1.png") no-repeat -2px -940px;
    display:inline-block;
    vertical-align: middle;
    margin-right:5px;
}
#after_sale .people:hover{
    background: url("../img/icons-1.png") no-repeat -146px -940px;
}
#after_sale .qq{
    width: 20px;
    height: 18px;
    background: url("../img/icons-1.png") no-repeat 0px -854px;
    display:inline-block;
    vertical-align: middle;
    margin-right:5px;
}
#after_sale .qq:hover{
    background: url("../img/icons-1.png") no-repeat -144px -854px;
}
#after_sale ul li:last-child .li1{
    color:#00925F;
    margin:5px;
}
#after_sale .tel{
    width:29px;
    height:28px;
    background: url("../img/icons.png") no-repeat -1px -2px;
    display:inline-block;
    margin-right:10px;
}
#after_sale .server{
    width:29px;
    height:28px;
    background: url("../img/icons.png") no-repeat -41px -2px;
    display:inline-block;
    margin-right:10px;
}
#after_sale .tip{
    color:#666666;
}
h3{
    display:inline-block;
}
/* 页面的底部 */
#footer{
    height:40px;
    background-color: #2D2D2D;
}
#footer p{
    line-height:40px;
}
#footer p img{
    margin-left:20px;
}
#footer p span{
    color:#828282;
    margin:0px 420px 0px 20px;
}
#footer p a{
    color:#FFFFFF;
    margin:0px 10px;
}
#footer p a:hover{
    color:#00925F;
}
/*返回顶部*/
#btn {
    width: 83px;
    height: 77px;
    background: url(../img/totop.png) no-repeat 0px 0px;
    position: fixed;
    right: 0;
    bottom: 0;
}

#btn:hover {
    background: #7A7A7A;
    background: url(../img/totop.png) no-repeat -84px 0px;
}